<div data-role="header" data-nobackbtn="true" id="header">
	<h1>Accueil</h1>
</div><!-- /header -->		

<div data-role="content">
	<ul data-role="listview" >
		<li>
			<img src="<?php echo WEB_ROOT; ?>assets/img/reception.png" alt="reception" class="ui-li-icon" />
			<a href="<?php echo WEB_ROOT; ?>webmail/inbox">Bo&icirc;te de r&eacute;ception</a>
			<?php if($statusesbymb[INBOX]->unseen > 0): ?>
			<span class="ui-li-count"><?php echo $statusesbymb[INBOX]->unseen ?></span>
			<?php endif; ?>
		</li>
		<li>
			<img src="<?php echo WEB_ROOT; ?>assets/img/non-lu.png" alt="reception" class="ui-li-icon" />
			<a href="<?php echo WEB_ROOT; ?>webmail/unread">Messages non-lus</a>
			<?php if($count > 0): ?>
			<span class="ui-li-count"><?php echo $count ?></span>
			<?php endif; ?>
		</li>
		<li>
			<img src="<?php echo WEB_ROOT; ?>assets/img/envoyer.png" alt="reception" class="ui-li-icon" />
			<a href="<?php echo WEB_ROOT; ?>webmail/sent">Messages envoy&eacute;s</a>
		</li>
		<li>
			<img src="<?php echo WEB_ROOT; ?>assets/img/email_edit.png" alt="reception" class="ui-li-icon" />
			<a href="<?php echo WEB_ROOT; ?>webmail/drafts">Brouillons</a>
		</li>
		<li>
			<img src="<?php echo WEB_ROOT; ?>assets/img/corbeille-16.png" alt="reception" class="ui-li-icon" />
			<a href="<?php echo WEB_ROOT; ?>webmail/trash">Corbeille</a>
			<?php if($statusesbymb[TRASH]->unseen > 0): ?>
			<span class="ui-li-count"><?php echo $statusesbymb[TRASH]->unseen ?></span>
			<?php endif; ?>
		</li>
		<?php if(count($mailboxes) > 0): ?>
		<li class="dossiers" data-icon="plus" data-role="button" onclick="$('.folder').toggle(); ">Dossiers</li>
		<?php foreach($mailboxes as $mailbox): ?>
		<li class="folder" style="display:none;">
			<img src="<?php echo WEB_ROOT; ?>assets/img/dossier-16.png" alt="dossiers" class="ui-li-icon" />
			<a href="<?php echo WEB_ROOT; ?>webmail/folder/<?php echo $mailbox->fullname ?>"><?php echo $mailbox->realname ?></a>
			<?php if($statusesbymb[$mailbox->fullname]->unseen > 0): ?>
			<span class="ui-li-count"><?php echo $statusesbymb[$mailbox->fullname]->unseen ?></span>
			<?php endif; ?>
		</li>
		<?php endforeach; ?>
		<?php endif; ?>
		<!--
		<li class="dossiers">	
			<div data-role="collapsible" data-collapsed="true" style="margin=0; padding=0;">
				<h3 style="margin:0;">Dossiers</h3>
				<div data-role="listview" data-inset="true" data-theme="d">
					<li><a href="index.html">Dossier 1</a></li>
					<li><a href="index.html">Dossier 2</a></li>
					<li><a href="index.html" >Sous-Dossier 2.1</a></li>
					<li><a href="index.html" >Sous-Dossier 2.2</a></li>
				</div>
			</div>
		</li>
		-->
	</ul>
</div><!-- /content -->

<div data-role="footer" id="footer">
	<div style="float: left; margin-left: 20%">
	<a href="<?php echo WEB_ROOT; ?>compose/index">
		<div style="width: 32px; height: 32px; line-height: 32px; text-align: center;">
			<img src="<?php echo WEB_ROOT; ?>assets/img/pencil-icon_big.png" alt="Ecrire" style="vertical-align:middle;" />
		</div>
	</a>
	</div>
	<div style="float: right; margin-right: 20%">
	<a id="deco" onClick="if(confirm('Voulez-vous vraiment vous déconnecter ?')){this.setAttribute('href', '<?php echo WEB_ROOT; ?>member/logout');}" rel="external">
		<div style="width: 32px; height: 32px; line-height: 32px; text-align: center;">
			<img src="<?php echo WEB_ROOT; ?>assets/img/logout.png" style="vertical-align: middle;" alt="Logout" />
		</div>
	</a>
	</div>
</div><!-- /footer -->
